<template>
	<!-- 搜索 -->
	<view class="bigbox">
		<!-- 顶部搜索 -->
		<view class="header-search flex col-center mt28">
			<view class="flex1 search-box">
				<u-input :type="type" :border="border" :custom-style='customStyle' height='74' placeholder="项目工程师"/>
				<view class="iconbox">
					<u-icon name="search" size="38" color='#BBC4D5'></u-icon>
				</view>
			</view>
			<view class="search-txt ml20">
				搜索
			</view>
		</view>
		
		<!-- 职位列表组件 -->
		<jobList />
	</view>
</template>

<script>
	import jobList from '@/components/jobList.vue'
	export default {
		components:{jobList},
		data() {
			return {
				customStyle:{
					borderRadius: '74rpx',
					backgroundColor:'#fff',
					paddingLeft:'70rpx'
				}
			};
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #EAEAEA;
	}
.header-search {
	.search-box {
		position: relative;
		.iconbox {
			position: absolute;
			top: 50%;
			left: 26rpx;
			transform: translateY(-50%);
		}
	}
	.search-txt {
		font-size: 26rpx;
		font-weight: 500;
		color: #1385FF;
	}
	
}
</style>
